import React, {Component} from 'react';
import {dark, light} from '../../../config';
import {
  Appearance,
  StyleSheet,
  StatusBar,
  ScrollView,
  Text,
  View,
} from 'react-native';
import {connect} from 'react-redux';
import {Icon, Grid} from '@ant-design/react-native';
import {pxToDp} from '../../../utils/stylesKits';

/**
 * APP Pins 页面 粪点
 * @colorScheme 用户手机主题模式 是否开启了黑夜模式
 * */

const colorScheme = Appearance.getColorScheme() === 'dark' ? dark : light;

class Pins extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'Pins',
    };
  }

  componentDidMount() {}

  componentDidUpdate(prevProps, prevState) {}

  componentWillUnmount() {}

  render() {
    return (
      <View style={styles.container}>
        <StatusBar
          backgroundColor="transparent"
          barStyle={colorScheme.barStyle}
          translucent={true}
        />
        <Text>粪点</Text>
        <Text>粪点</Text>
        <Text>粪点</Text>
        <Text>粪点</Text>
        <Text>粪点</Text>
      </View>
    );
  }
}

const mapStateToProps = state => ({});
const mapDispatchToProps = {};

const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: '100%',
    paddingTop: pxToDp(45),
    backgroundColor: colorScheme.backgroundColor,
  },
});

export default connect(mapStateToProps, mapDispatchToProps)(Pins);
